2
תגובות
אתר רספונסיבי
פתח
Ben
,
איך אני יכול להפוך את האתר שלי לאתר רספונסיבי ?
2 תשובות
עם CSS:
@media (max-width: 991px) { /* Tablet */
}
@media (max-width: 767px) { /* Phone Landscape */
}
@media (max-width: 550px) { /* Phone Portrait */
}
}
@media (max-width: 767px) { /* Phone Landscape */
}
@media (max-width: 550px) { /* Phone Portrait */
}
בין הסוגריים המסולסלים אתה מעצב את התגים בכל גודל של המסך:
991 פיקסלים: טאבלט
767 פיקסלים: סמארטפון לרוחב
550 פיקסלים: סמארטפון לאורך
בעצם, אתה גורם לעיצוב של האתר להשתנות בהתאם לגודל של המסך.
עוד על עיצוב רספונסיבי:
http://www.pixelperfect.co.il/tutorials/responsive-design-tutorial/
תקרא קצת על "Mobile First" גם, יעזור לך להבין יותר.